<template>
    <div id="footer" class="acea-row row-middle">
        <router-link
                :to="item.url"
                class="item"
                :class="{ on: item.url === $route.path }"
                v-for="(item, index) in footerList"
                :key="index"
        >
            <div class="iconfont" :class="item.icon1 + ' ' + (item.url === $route.path ? item.icon2 : '')"></div>
            <div>{{ item.name }}</div>
        </router-link>
    </div>
</template>
<script>
    export default {
        name: "Footer",
        props: {},
        data: function () {
            return {
                footerList: [
                    // {
                    //     name: "概览",
                    //     icon1: "icon-home",
                    //     icon2: "icon-home-active",
                    //     url: "/"
                    // },
                    {
                        name: "概览",
                        icon1: "icon-manage",
                        icon2: "icon-manage-active",
                        url: "/"
                    },
                    {
                        name: "交易流水",
                        icon1: "icon-turnover",
                        icon2: "icon-turnover-active",
                        url: "/turnover"
                    }
                ]
            };
        },
        methods: {}
    };
</script>
